<template>
	<view class="box">
		<view class="title">
			请选择您的报修方式
		</view>
		<view class="box_ful" @tap="jump(0)">
			<image src="../../static/arrow.png" class="arrow" mode=""></image>
			<image src=" ../../static/r1.png" mode="">
			</image>
			<view class="">
				<view class="big_title">
					常规报修
				</view>
				<view class="sma-title">
					填写设备信息及故障说明进行报修
				</view>
			</view>
		</view>
		<view class="box_ful" @tap="jump(1)">
			<image src="../../static/arrow.png" class="arrow" mode=""></image>
			<image src="../../static/r2.png" mode=""></image>
			<view class="">
				<view class="big_title">
					维保报修
				</view>
				<view class="sma-title">
					选择现有维保工单进行报修
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			jump(type) {
				switch (type) {
					case 0:
						uni.navigateTo({
							url: '../project/project'
						});
						break;
					case 1:
						uni.navigateTo({
							url: '../order/order?type='+1
						})
						break;
				}
			}
		}
	}
</script>
<style lang='scss' scoped>
	.box_ful {
		margin: 32rpx;
		border-radius: 8rpx;
		display: flex;
		padding: 32rpx;
		background-color: #FFFFFF;
		align-items: center;
		position: relative;

		.arrow {
			position: absolute;
			right: 36rpx;
			top: 50%;
			margin-top: -16rpx;
			width: 22rpx;
			height: 32rpx;
		}

		image {
			width: 61rpx;
			height:57rpx;
			margin-right: 20rpx;

		}

		.big_title {
			font-size: 28rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #202120;
			margin-bottom: 6rpx;
		}

		.sma-title {
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #636463;
		}
	}

	.box {
		min-height: 100vh;
		background-color: #f0f2f4;
	}

	.title {
		padding-top: 46rpx;
		padding-left: 32rpx;
		font-size: 36rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #414341;
	}
</style>
